*{
    padding: 0;
    margin: 0;
}

.nav li{
    width: 200px;
    height: 32px;
}

// for循环
    // @for $i from 1 to 11 {
    //     .nav li:nth-child(#{$i}){
    //         background-position: 0 -40px*$i;
    //     };
    // if判断
        // @if ($i%2==0) {
        //     .nav li:nth-child(#{$i}){
        //         background-color: #FFCCCC;
        //     };
        // }@else{
        //     .nav li:nth-child(#{$i}){
        //         background-color: #CCCCFF;
        //     };
        // }
    // }

// while循环
    // $i: 11;
    // @while $i > 0 {
    //     .item-#{$i} {width: 2em * $i;}
    //     $i:$i - 1;    
    // }

//@each     作用与for类似：
    // @each $member in a, b, c, d { // $item [a,b,c,d]  相当于一维数组
    //     .#{$member} {
    //         background-image: url("/image/#{$member}.jpg");
    //     }
    // }
    @each $member,$val in (a,1), (b,2), (c,3), (d,4) { // $item [[a,1],[b,2],[c,3],[d,4]]  相当于二维数组
        .#{$member} {
            background-image: url("/image/#{$val}.jpg");
        }
    }
